<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>诊所管理系统</title>
    <script th:src="@{js/jquery-1.11.0.min.js}"></script>
    <style type="text/css">
        #contentWrapper {
            width: 100%;
            height: 100%;
            position: relative;
        }
        #contentLeft {
            z-index: 10;
            width: 250px;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background-color: #283c51;
        }
        #contentRight {
            padding: 1.3rem 2rem;
            margin-left: 250px;
        }
        #leftNavigation {
            margin: 2rem 0;
        }
        #leftNavigation, #leftNavigation li ul {
            list-style: none;
            padding: 0;
        }
        #leftNavigation li a {
            font-size: 0.875rem;
            display: block;
            padding: 0.1rem 1rem 0.8rem 3rem;
            color: #adadad;
            border-bottom: solid 1px #395673;
            text-overflow: ellipsis;
            overflow: hidden;
            position: relative;
            -webkit-transition: color 0.2s ease;
            transition: color 0.2s ease;
        }

        #leftNavigation li a:hover {
            color: white;
        }
        #leftNavigation li ul {
            display: none;
            margin: 0;
            background-color: #17232f;
        }
        #leftNavigation li ul li a {
            border-bottom: solid 1px #233547;
        }
        #leftNavigation li ul li:last-child a {
            border-bottom: none;
        }
        #leftNavigation li ul li.active a {
            color: white;
        }
        #leftNavigation li.active > a {
            color: white;
        }
        #leftNavigation li.active ul {
            display: block;
        }
        #leftNavigation > li.active {
            background-color: #427c97;
        }
    </style>
</head>
<body>
<div id="contentWrapper">
    <div id="contentLeft">
        <ul id="leftNavigation">
            <li class="active">
                <a> 药品管理</a>
                    <ul>
                        <a href="/DrugInStorage" id="drug">药品添加</a>
                        <a href="/DrugAdmin" id="pharmadmin">药品管理</a>
                     </ul>
            </li>
            <li class="active">
                <a> 病例管理</a>
                    <ul>
                        <li>
                            <a href="/addPatient" id="addPatient">添加患者</a>
                        </li>
                        <li>
                            <a href="/patientAdmin" id="patientAdmin">管理患者</a>
                        </li>
                    </ul>
            </li>
            <li class="active">
                <a>患者接待</a>
                    <ul>
                        <li>
                            <a href="/receptionMain" id="patientRecive">患者接待</a>
                        </li>
                        <li>
                            <a href="/toPay" id="receipt">收款</a>
                        </li>
                        <li>
                            <a href="/toTake" id="getMedicine">取药</a>
                        </li>
                    </ul>
            </li>
            <li class="active">
                <a>系统管理</a>
                    <ul>
                        <li>
                            <a href="/addUser" id="addAdmin">添加管理员</a>
                        </li>
                        <li>
                            <a href="/UserAdmin" id="admin">管理用户</a>
                        </li>
                    </ul>
            </li>
            <li class="active">
                <a> 家庭病房管理</a>
                <ul>
                    <li>
                        <a href="/addHome" id="addHome">添加家庭病房</a>
                    </li>
                    <li>
                        <a href="/HomeAdmin" id="HomeAdmin">管理家庭病房</a>
                    </li>
                </ul>
            </li>
            <li class="active">
                <a>报表统计</a>
                    <ul>
                        <li><a href="/itemChart" id="drugStatistics"> 药品统计</a></li>
                        <li><a href="/patientChart" id="patientStatistics">患者统计</a></li>
                        <li><a href="/logChart" id="moneyStatistics">收款金额统计</a></li>
                    </ul>
            </li>
        </ul>
    </div>
    <div id="contentRight">
        <header class="htmleaf-header">
            <h1>诊所管理系统</h1>
        </header>
    </div>
</div>
</div>
</body>
</html>